<template>
	<view class="box">
		<view class="kapian_box" v-for="(item,index) in indexList" @click="gotodoListInfoByIndex(index)">
			<view class="top">
				<view class="top_left">{{item.Date1}}</view>
				<view class="top_right"><text>{{item.Date2}}</text></view>
			</view>
			<view class="bottom">
				<view class="bottom_radio">
				<label class="radio" v-for="(item2,index2) in item.list">
					
					<!-- <view><radio value="change 事件会携带 <radio> 的 value" /><text>{{item.data}}</text></view> -->
						<view v-for="(item3,index3) in item2">
							<radio checked="false" />
							<text>{{item3.message}}</text>
						</view>
				</label>
				</view>
			</view>
		</view>
		
	</view> 
</template>

<script>
// import Kapianradio from './Kapianradio.vue'
import {
		mapState,
		mapMutations
	} from 'vuex'
	export default {
		name: "kapian",
		computed:{
			...mapState(['indexList'])
		},
		data() {
			return {
				
			};
		},
		components:{
			// Kapianradio 
		},
		methods:{
			gotodoListInfoByIndex(index){
				console.log(index);
			}
		}
	}
</script>

<style lang="less">
	.box{
	
		box-shadow:5rpx 10rpx 10rpx 10rpx #eee ;
		.kapian_box{
			// border: 1px solid #ccc;
				border-top: 1rpx solid #eee;
			border-radius: 30rpx;
			padding: 20rpx;
			margin-top: 10rpx;
			.top{
				display: flex;
				margin: 10rpx 10rpx;
				view{
					margin: 0 10rpx;
				}
			}
			.bottom{
				display: flex;
				flex-direction: column;
				.bottom_radio{
					view{
						letter-spacing:1pt;
						padding: 5rpx 0;
						font-size: 16px; font-weight: 350;
						// 溢出省略号
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;
					}
					text{
						padding-left: 10rpx;
						
					}
				}
			}
		}
	}

</style>
